  body,
  html {
      width: 100%;
  }

  .topbar_full {
      width: 100%;
      background-color: #F0F0F0;

      .topbar {
          font-size: 15px;
          line-height: 46px;
          width: 1200px;
          height: 46px;
          margin: 0 auto;
          background-color: #F0F0F0;
          color: #7E7E7E;

          .t_left {
              display: flex;
              float: left;

              li {
                  margin-left: 20px;
              }
          }

          .t_right {
              display: flex;
              float: right;

              li {
                  margin: 0 13px 0 13px;

                  .icon-gouwuchekong {
                      color: #CD2F31;
                  }

                  #shop_car {
                      color: #CD2F31;
                      font-weight: 900;
                  }
              }

          }

          a {
              color: #7E7E7E;

              &:hover {
                  color: #C81623;
              }

          }
      }
  }

  //--------top
  .top_full {
      width: 100%;
      //   background-color: #ebc2c2;
      border-bottom: 1px solid #F0F0F0;
      margin-top: 30px;

      .top {
          width: 1200px;
          background-color: #fff;
          margin: 0 auto;

          .search_box {
              .logo {
                  display: inline-block;
                  margin-left: 50px;
              }

              .search {
                  display: inline-block;
                  margin-bottom: 20px;
                  //   background-color: rgb(200, 214, 75);
                  margin-left: 60px;

                  input:nth-child(1) {
                      width: 380px;
                      height: 32px;
                      border: #C81417 solid 1px;
                      border-radius: 8px 0 0 8px;
                      margin-top: 32px;
                  }

                  #search_s {
                      display: inline-block;
                      background: #C81417;
                      width: 80px;
                      height: 36px;
                      //   border: #C81417 solid 1px;
                      border-radius: 0 8px 8px 0;
                      color: white;
                      font-size: 20px;
                      cursor: pointer;
                      font-weight: 900;
                      line-height: 36px;
                      margin: 0;
                      position: relative;
                      left: -5px;
                      top: 3.5px;
                      text-align: center;
                  }
              }
          }

          .menu {
              width: 100%;
              height: 45px;
              position: relative;

              >ul {
                  display: inline-block;
                  font-size: 20px;
                  font-weight: 900;
                  line-height: 45px;
                  margin-left: 350px;

                  >li {
                      display: inline-block;
                      text-align: center;
                      margin-right: 106px;

                      a {
                          color: #5A5D5A;
                          transition: 0.5s;
                          display: inline-block;
                          overflow: hidden;
                          height: 45px;

                          span {
                              display: block;
                              height: 5px;
                              background: #C81417;
                              position: relative;
                              top: 6px;
                              transition: 0.5s;
                              text-align: center;
                          }

                          &:hover span {
                              top: -7px;
                          }

                          &:hover {
                              color: #C81417;
                          }
                      }

                  }
              }

              .select-tit {
                  display: inline-block;
                  color: #5A5D5A;
                  //   margin-top: 0;
                  height: 50px;
                  font-size: 20px;
                  font-weight: 900;
                  line-height: 40px;
                  cursor: default;
                  position: relative;
                  top: -15px;

                  .icon-fenlei {
                      color: #C81417;
                      font-size: 25px;
                      position: relative;
                      top: 3px;
                  }
              }

              .select-con {
                  /////////////////////////////////////
                  //   display: block;
                  /////////////////////////////////////
                  display: none;
                  border-radius: 0 0 10px 10px;
                  background-color: rgb(255, 255, 255);
                  position: absolute;
                  width: 1140px;
                  border: #F0F0F0 solid 1px;
                  top: 45px;
                  left: 30px;
                  z-index: 5;

                  .select-top {
                      width: 1140px;

                      >ul {
                          width: 770px;
                          margin-left: 190px;
                          display: flex;
                          justify-content: space-around;
                          border-bottom: 2px #666666 solid;

                          >.now_click {
                              border: solid 1px #C81417;

                              a {
                                  color: #C81417;

                              }
                          }

                          >li {
                              height: 30px;
                              margin: 0;
                              border: solid 1px #666666;
                              border-radius: 5px;
                              width: 78px;
                              color: #666666;
                              transition: 1s;
                              margin: 20px 0 20px 0px;
                              cursor: pointer;

                              >a {
                                  display: inline-block;
                                  transition: 0.5s;
                                  line-height: 30px;
                                  font-size: 15px;
                                  text-align: center;
                                  font-weight: 900;
                                  width: 80px;

                              }

                              &:hover {
                                  color: #C81417;
                                  border: solid 1px #C81417;
                              }

                              &:hover a {
                                  color: #C81417;
                              }


                          }
                      }

                      .select_show {
                          position: relative;

                          .show {
                              .hot_cl1 {
                                  text-align: center;
                                  font-size: 25px;
                                  font-weight: 900;
                                  line-height: 95px;

                                  &:before {
                                      content: '';
                                      display: inline-block;
                                      width: 32px;
                                      height: 2px;
                                      background: #333;
                                      text-align: center;
                                      position: relative;
                                      top: -7px;
                                      left: -20px;
                                  }

                                  &:after {
                                      content: '';
                                      display: inline-block;
                                      width: 32px;
                                      height: 2px;
                                      background: #333;
                                      text-align: center;
                                      position: relative;
                                      top: -7px;
                                      left: 20px;
                                  }
                              }

                              .select-mid {
                                  width: 1040px;
                                  margin-left: 50px;

                                  >ul {
                                      margin: 0;
                                      margin-top: 15px;
                                      width: 100%;
                                      display: flex;

                                      >li {
                                          width: 260px;
                                          height: 80px;
                                          border: none;
                                          position: relative;

                                          p:nth-child(1) {
                                              width: 150px;
                                              font-size: 18px;
                                              text-align: left;
                                              line-height: 18px;

                                              a:hover {
                                                  color: #C81417;
                                              }
                                          }

                                          p:nth-child(2) {
                                              width: 150px;

                                              font-size: 14px;
                                              text-align: left;
                                              line-height: 65px;

                                              a:hover {
                                                  color: #C81417;
                                              }
                                          }

                                          >a {

                                              display: inline-block;
                                              position: absolute;
                                              top: 0px;
                                              left: 145px;

                                              >img {
                                                  width: 70px;
                                                  height: 70px;
                                                  position: absolute;
                                                  top: 0;
                                              }
                                          }


                                      }

                                  }
                              }

                              .select-bottom {
                                  margin-bottom: 20px;
                                  display: flex;
                                  justify-content: space-between;
                                  padding: 0 60px;
                                  flex-wrap: wrap;

                                  a {
                                      width: 112px;
                                      height: 64px;
                                      border: solid 1px #cecece;


                                      margin: 3px 3px;

                                      img {
                                          width: 100%;
                                          height: 100%;
                                      }
                                  }


                              }
                          }
                      }
                  }
              }
          }

      }

  }

  #del_login {
      cursor: pointer;
  }